<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">

	$(function(){
		//testDiv.css("color","red")
		//testDiv.style.color = "blue";

		// document.getElementById("testDiv").innerHTML="dom对象的innerHTML";
        // $("#testDiv").innerHTML="jQuery对象的innerHTML";
        // dom对象的属性和使用方法对jquery不适用

		$("#testDiv").click(function () {
alert("click()是jquery对象的方法");
		});
		// document.click(function () {
		// 	alert("click()是jquery对象的方法");
		// });
// dom对象也不能使用jquery对象的属性和方法

	});

</script>
</head>
<body>
	
	<div id="testDiv">Atguigu is Very Good!</div>
	
	<button id="dom2dom">使用DOM对象调用DOM方法</button>
	<button id="dom2jQuery">使用DOM对象调用jQuery方法</button>
	<button id="jQuery2jQuery">使用jQuery对象调用jQuery方法</button>
	<button id="jQuery2dom">使用jQuery对象调用DOM方法</button>

	<br><br>
<p style="font-size: 22px;color: #ffae55">Dom 对象<br>
	1.通过 getElementById()查询出来的标签对象是 Dom 对象<br>
	2.通过 getElementsByName()查询出来的标签对象是 Dom 对象<br>
	3.通过 getElementsByTagName()查询出来的标签对象是 Dom 对象 <br>
	4.通过 createElement() 方法创建的对象，是 Dom 对象 <br><br>
	DOM 对象 Alert 出来的效果是：[object HTML 标签名 Element] <br><br>
	jQuery 对象 <br>
	5.通过 JQuery 提供的 API 创建的对象，是 JQuery 对象 <br>
	6.通过 JQuery 包装的 Dom 对象，也是 JQuery 对象 <br>
	7.通过 JQuery 提供的 API 查询到的对象，是 JQuery 对象 <br><br>
	jQuery 对象 Alert 出来的效果是：[object Object]<br></p>
</body>
</html>